import React from "react"

import { StyleSheet } from "react-native"
import { Button } from 'react-native-elements'

class Component extends React.Component {
  constructor (props) {
    super(props)
  }

  render() {
    let {
      num = 0,
    } = this.props

    return (
      <Button
        titleStyle={styles.title}
        buttonStyle={styles.btn}
        type="clear"
        icon={{
          type: "ionicon",
          name: "chatbox-outline",
          size: 20,
          // color: "#A0AEC0"
        }}
        title={num.toString()}
      />
    )
  }
}

const styles = StyleSheet.create({
  btn: {
    // borderWidth: 1,
    borderRadius: 99,
    paddingHorizontal: 10,
    paddingVertical: 5,
  },
  title: {
    // color: '#A0AEC0',
    fontSize: 14
  }
})

export default Component
